<template>
  <div class="block">
    <el-date-picker v-model="date" type="daterange" align="right" unlink-panels range-separator="至" start-placeholder="开始日期"
      end-placeholder="结束日期" :picker-options="pickerOptions2" @change="change" format="yyyy-MM-dd HH:mm:ss"
      value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
    </el-date-picker>
  </div>
</template>
<script>
  export default {
    name: 'datePicker',
    props: {
      value: {
        type: Array,
        default: [],
      }
    },
    computed: {
      getValue() {
        return this.value
      }
    },
    data() {
      return {
        aaa: [],
        date: '',
        pickerOptions2: {
          shortcuts: [{
            text: '最近一周',
            onClick(picker) {
              const end = new Date();
              const start = new Date();
              start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
              picker.$emit('pick', [start, end]);
            }
          }, {
            text: '最近一个月',
            onClick(picker) {
              const end = new Date();
              const start = new Date();
              start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
              picker.$emit('pick', [start, end]);
            }
          }, {
            text: '最近三个月',
            onClick(picker) {
              const end = new Date();
              const start = new Date();
              start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
              picker.$emit('pick', [start, end]);
            }
          }]
        },
      };
    },
    methods: {
      change(a) {
        this.aaa = this.date;
        this.$emit('input', a)
      },
    }
  };
</script>
